<template>
	<view>
			<view class="u-flex user-box u-p-l-30 u-p-r-20 u-p-b-30">
			<view class="u-m-r-10">
				<u-avatar :src="base + info.avatar" size="140"></u-avatar>
			</view>
			<view class="u-flex-1">
				<view class="u-font-18 u-p-b-20">{{info.nickName}}</view>
				<view class="u-font-14 u-tips-color">性别:{{info.sex == 1?'女':'男'}}</view>
				<view class="u-font-14 u-tips-color">邮箱:{{info.email}}</view>
				<view class="u-font-14 u-tips-color">电话号码:{{info.phonenumber}}</view>
				<view class="u-font-14 u-tips-color">账号:{{info.userId}}</view>
			</view>
			<view class="u-m-l-10 u-p-10">
				<u-icon name="scan" color="#969799" size="28"></u-icon>
			</view>
			<view class="u-m-l-10 u-p-10">
				<u-icon name="arrow-right" color="#969799" size="28"></u-icon>
			</view>
		</view>
		<view class="u-m-l-10 u-p-10">
			<br>
			<button @click="toinde">点击进入求职信息</button>
		</view>
		<uni-group style="position: fixed;right: 0%;left: 0%;bottom: 0%;">
			<view class="u-flex">
				<view @click="tttindex1()" style="width: 33.33%;padding: 20rpx;text-align: center;border: 1px solid black;" >
					找工作</view>
				<view @click="tttindex()" style="width: 33.33%;padding: 20rpx;text-align: center;border: 1px solid black;">投递历史</view>
				<view style="width: 33.33%;padding: 20rpx;color: #007AFF;text-align: center;border: 1px solid black;">
					个人简历</view>

			</view>
		</uni-group>
	</view>
</template>

<script>
	import api from 'commer/apiURL.js'
	export default {
		data() {
			return {
				base: api.baseurl,
				info: [],
			}
		},
		onLoad() {
			this.getinfo()
		},
		methods: {
			toinde(){
				uni.navigateTo({
					url:'qiu?id='+this.info.userId
				})
			},
			getinfo() {
				this.$get(this.base + '/prod-api/api/common/user/getInfo').then((res) => {
					this.info = res.user
					console.log(res.user)
				})
			},
			tttindex() {
				uni.navigateTo({
					url: 'lod'
				})
			},
			tttindex1() {
				uni.navigateTo({
					url: 'index'
				})
			},
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #ededed;
	}

	.camera {
		width: 54px;
		height: 44px;

		&:active {
			background-color: #ededed;
		}
	}

	.user-box {
		background-color: #fff;
	}
</style>
